<html>
    <head>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="./index.css" />
    </head>
    <body>
        <div class="header">
            <div class="header_nav">
                    <ul>
                        <li><a href="#">HOME</a></li>
                        <li><a href="#">JOIN</a></li>
                        <li><a href="#">SITEMAP</a></li>
                        <li><a href="#">CONTACTUS</a></li>
                    </ul>
                </div>
            <div class="menu">
                <img src="./images/menu.jpg" alt="">
            </div>
            <div class="menu_b">
                <img src="./images/01.jpg" alt="">
            </div>
            <div class="content">
                <div class="content_top">
                    <div class="content_top_l">
                        <img src="./images/02.jpg" alt="">
                    </div>
                    <div class="content_top_r">
                    <div class="content_top_r_t">
                        <img src="./images/03.jpg" alt="">
                    </div>
                    <div class="content_top_r_z">
                        <img src="./images/04.jpg" alt="">
                </div>
                <div class="content_top_r_b">
                    <span>카드 발급하기</span>
                </div>
                </div>
                <div class="content_c">
                    <h2 class="content_c_aa">카드 발급안내</h2>
                    <div class="content_c_c">
                        <img src="./images/05.jpg" alt="">
                    </div>
                    <div class="content_c_b">
                        <div class="content_c_b_tb">
                            <img src="./images/1.jpg" alt="">
                        </div>
                        <div class="content_c_b_jt">
                            <img src="./images/5.jpg" alt="">
                        </div>
                        <div class="content_c_b_tb">
                            <img src="./images/2.jpg" alt="">
                        </div>
                        <div class="content_c_b_jt">
                            <img src="./images/5.jpg" alt="">
                        </div>
                        <div class="content_c_b_tb">
                            <img src="./images/3.jpg" alt="">                        
                        </div>
                        <div class="content_c_b_jt">
                            <img src="./images/5.jpg" alt="">
                        </div>
                        <div class="content_c_b_tb">
                            <img src="./images/4.jpg" alt="">
                        </div>
                    </div>
                    <div class="bottom">
                        <h2>카드 발급하기</h2>
                        <div class="bottom_f">
                            <p>프리진카페의 회원으로 가입하시면 프리진카페멤버쉽 카드를 발급받으실수 있습니다 발급받으신후 꼭 멤버쉽 카드를하시면 프리진카페멤버쉽 카드를 발급받으실수 있습니다. 발급받으신후 꼭 멤버쉽 카드를. </p>
                        </div>
                        <div class="bottom_inp">
                            <div class="bottom_inp_y">
                                <h4 class="bottom_inp_y_y">구분</h4>
                                <h4 class="bottom_inp_y_e">내용</h4>
                            </div>
                            <div class="bottom_inp_e">
                                    <h4 class="bottom_inp_e_y">적립</h4>
                                    <h4 class="bottom_inp_e_e">구매 금액의 5% 적립 / 제휴 할인 후에는 적립이 되지 않습니다</h4>
                            </div>
                            <div class="bottom_inp_e">
                                    <h4 class="bottom_inp_e_y">포인트사용</h4>
                                    <h4 class="bottom_inp_e_e">100포인트 이상일시에 현금처럼 사용</h4>
                            </div>
                            <div class="bottom_inp_e">
                                    <h4 class="bottom_inp_e_y">추가적립</h4>
                                    <h4 class="bottom_inp_e_e">1개월간 적립한 포인트가 100포인트가 넘을 시에 익월 20포인트 추가 적립</h4>
                            </div>
                            <div class="bottom_inp_e">
                                    <h4 class="bottom_inp_e_y">쿠폰발급</h4>
                                    <h4 class="bottom_inp_e_e">구매 내역이 있는 달 사용하실수 있는 쿠폰 한장을 랜덤으로 담아드립니다. (최대 10%할인권) </h4>
                            </div>
                            <div class="bottom_inp_s">
                                    <h4 class="bottom_inp_e_y">이벤트</h4>
                                    <h4 class="bottom_inp_e_e">구매 내역이 많은 분들중 몇분을 추첨하여 이벤트 혜택을 드립니다.</h4>
                            </div>
                            <div class="bottom_inp_l">
                                    <h4 class="bottom_inp_e_ee">구매 내역이 많은 분들중 몇분을 추첨하여 이벤트 혜택을 드립니다이벤트 분들중 몇분을 추첨하여 이벤트 혜택을 드립니다이벤트 혜택을 드립니다.</h4>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>